<!DOCTYPE html>

<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="../css/lib/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="../css/docs-assets/docs.css" rel="stylesheet" media="screen">
    <link href="../css/docs-assets/highlight/github.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
    <style>
    	.main {
    		overflow: hidden;
    	}
    	.p-left {
    		width: 250px;
    		float: left;
    	}
    	.p-left > div {
    		background-color: #EEE;
    	}
    	.p-right {
    		/* float: right; */
    		margin-left: 270px;
    	}
    	.p-row1-column {
			/* height: 210px;
    		overflow: auto; */
    	}
    	.p-table {
    		display: table;
    		table-layout: fixed;
    	}
    	.p-table-cell {
    		display: table-cell;
    		float: none;
			margin: 0;
			overflow: hidden;
    	}
    	.p-eq-height-container {
    		overflow: hidden;
    	}
    	.p-eq-height {
    		padding-bottom: 2000px !important;
    		margin-bottom: -2000px !important;
    		border: #555 dotted 1px;
    	}
    </style>
  </head>
  <body>
  	<div class="container p-eq-height-container">
  		<div class="p-left p-eq-height">
  			<div class="">
  				left
  			</div>
  		</div>
	  	<div class="p-right p-eq-height">
	  		<div class="">
			  <!-- 	<p>sdf</p>
			  	<p>sdf</p>
			  	<p>sdf</p>
			  	<p>sdf</p>
			  	<p>sdf</p>
			  	<p>sdf</p> -->
		  		<div class="container">
				    <div class="row show-grid">
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					  <div class="col-md-1">.col-md-1</div>
					</div>
					<div class="row show-grid p-table">
					  <div class="col-md-6 p-table-cell">
					  	<div class="">
						  	.col-md-6
						  	<p>大转盘、刮刮卡，水果达人 客户互动很轻松</p>
						  	<p>大转盘、刮刮卡，水果达人 客户互动很轻松</p>
						  	<p>大转盘、刮刮卡，水果达人 客户互动很轻松</p>
						  	<p>大转盘、刮刮卡，水果达人 客户互动很轻松</p>
					  	</div>
					  </div>
					  <div class="col-md-3 p-table-cell">
					  	<div class="">
					  		.col-md-3
					  	</div>
					  </div>
					  <div class="col-md-3 p-table-cell">
						  <div class="">
						  	.col-md-3
						  </div>
					  </div>
					</div>
					<div class="row show-grid">
					  <div class="col-md-6">.col-md-6</div>
					  <div class="col-md-3">.col-md-3</div>
					  <div class="col-md-3">.col-md-3</div>
					</div>
		  		</div>
  			</div>
  		</div>
	</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../js/lib/jquery/jquery-1.11.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../css/lib/bootstrap/js/bootstrap.js"></script>
  </body>
</html>